<style>
    html,body {
        background: black;
    }
    </style>
    <button>点击加星星</button>
    <script>
        // 需求：每隔三秒造一个星星img标签追加到页面
        // 1 写定时器setInterval
        
    setInterval("createStar()", 3000)
    
    function createStar() {
        // 2.1 创建img
        var imgObj = document.createElement('img')
        // 2.2 修改img属性
        imgObj.src = './img/star.gif'
        var nowWidth = Math.floor(Math.random()*(80-50+1)+50)
        imgObj.style.width = nowWidth + 'px'
        // 2.3 更改位置  随机宽高
        var maxLeft = (window.innerWidth || document.documentElement.clientWidth) - nowWidth
        var maxTop = (window.innerHeight || document.documentElement.clientHeight) - nowWidth
        imgObj.style.position = 'absolute' // 相当于body
        imgObj.style.left = Math.floor(Math.random()*(maxLeft-0+1)+0) + 'px'
        imgObj.style.top = Math.floor(Math.random()*(maxTop-0+1)+0) + 'px'
    
        // 2.4 放到页面
        document.body.appendChild(imgObj)
    }
    
    
    // 删除星星
    document.body.addEventListener('click', function(evt){
        // this           父：代表body 
        // 事件对象.target 子：代表你操作的元素 （可能是星星 可能是网页）
    
        // 1. 获取事件对象
        var e = evt || window.event
        // 2. 判断是不是img标签
        if (e.target.nodeName == 'IMG')
        {// 切记切记切记 大写
            this.removeChild(e.target)
        }
    })
    </script>